<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Calendar View</title>
    <link rel="stylesheet" type="text/css" href="styles.css" />
    <script src="http://www.google.com/jsapi?key=ABQIAAAA-O3c-Om9OcvXMOJXreXHAxQGj0PqsCtxKvarsoS-iqLdqZSKfxS27kJqGZajBjvuzOBLizi931BUow" type="text/javascript"></script>   
    <script src="calendarmap_common.js" type="text/javascript"></script>
    <script src="calendar.js" type="text/javascript"></script>
    <script type="text/javascript">
    jQuery(document).ready(function() {
      CALENDARMAP_CALENDARVIEW.init();
    });
   </script>
  </head>
  <body>

<div id="calendarmap_header">
    <a href="calendar.html"><img class="noborder" src="images/icon_calendarview.png"/ align="bottom"></a> 
    <a href="calendar.html">Calendar View</a> 
    | 
    <a href="map.html" class="selected"><img class="noborder" src="images/icon_mapview.png"/></a> 
    <a href="map.html" class="selected">Map View</a> 
    |
    <a href="add.html"><img class="noborder" src="images/icon_add.png"/></a> 
    <a href="add.html">Add Event</a> 
</div>

<div style="clear:both"></div>
  
<div align="left" style="width: 100%; height: 600px;">
  <iframe id="calendar_embedded" src="http://www.google.com/calendar/embed?chrome=NAVIGATION&amp;height=588"
     style="border-width:0;" width="100%" frameborder="0" height="600"></iframe>
</div>


  </body>
</html>

